<template>
	<div>
	     <transition>
	     	<slot></slot>
	     </transition>
	</div>
</template>

<script>
	export default {
		name:'transitionfade'
	}
</script>

<style type="text/css" scoped>
.v-enter{
	opacity: 0;
}
.v-enter-active{
	transition: all 1s;
}
.v-enter-to{
	opacity: 1;
}
.v-leave{
	opacity: 1;
}
.v-leave-active{
	transition: all 1s;
}
.v-leave-to{
	opacity: 0;
}
	
	
</style>